/*********************
*
* 	Avatar
*
*********************/
jQuery(function($) {
	listarAvatar();
});

$("#sexo").change(function() {	 
	avatarDefault();
	listarAvatar();
});	 

function avatarSelecionado(valor){
	$("#imagemPerfil").empty();

	$("#imagemPerfil").append("<a data-toggle='modal' data-target='#compose-modal' class='thumbnail' style='width: 180px; height: 180px;'><img src='/SysMemora/img/avatar/"+valor+".png'></a>");

	$("#hiddenFieldAvatar").val(valor);

	$("#closeModal").click();
};

function avatarDefault(){
	$("#imagemPerfil").empty();

	$("#imagemPerfil").append("<a data-toggle='modal' data-target='#compose-modal' class='thumbnail' style='width: 180px; height: 180px;'><img src='/SysMemora/img/avatar/default.png'></a>");

	$("#hiddenFieldAvatar").val("default");
};

function listarAvatar(){
    $("#modalAvatar").empty();

    var caminho;

	for(var i = 1; i<50; i++){
		caminho = $("#sexo").val()+"/"+i

		$("#modalAvatar").append("<div class='col-xs-3 col-md-3'><a href=\"javascript:avatarSelecionado('"+caminho+"')\" class='thumbnail'><img src='/SysMemora/img/avatar/"+caminho+".png' width='100' height='100'></a></div>");
	}
};
